• Resolved florenceandalexander

    (@florenceandalexander)


    Hi,

    I am having trouble updating the html coding for the text that is sitting under the main image on my homepage. The ‘About’ button is sitting too far to the right and is off centre to the main image. Can anyone help me with the html code required to re-align these?

    My website is https://www.florenceandalexander.com.au

    Thanks for your help ??

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • ckbrewer15

    (@ckbrewer15)

    Hello,

    The text may not appear to be centred but I believe it is. I took a screenshot you can view that highlights the actual dimensions of the image file:

    View post on imgur.com

    I measured from the left and right sides in pixels which are the same.

    Here are two potential solutions for you. The first is that you could crop your logo and re-upload it so there is more or less white space on the left or right side. The second solution is that you could push the menu to the left or right using CSS.

    I see the links have a CSS class “qbutton” attached to them. So you could write some custom CSS like this:

    .qbutton {
    left: -10px
    }

    This would move each link to the left minus 10 px, increase the number to move it more. You would add this CSS into your themes style.css file or you could install a custom CSS plugin.

    Thread Starter florenceandalexander

    (@florenceandalexander)

    Thanks so much for your help! I’m new to wordpress. I think I would need to add the q button as per your suggestion. Is it possible to add ‘.qbutton {
    left: -10px
    }’ into the below html?

    [vc_empty_space height=”40px”][vc_empty_space height=”40px”][vc_row row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” text_align=”center” background_image_as_pattern=”without_pattern” padding_top=”50%” padding_bottom=”50%” css_animation=”element_from_fade”][vc_column width=”1/3″ css=”.vc_custom_1458719874391{padding-right: 1% !important;padding-left: 1% !important;}”][button size=’medium’ style=’white’ text=’About’ icon=” icon_color=” link=’https://florenceandalexander.com.au/about-us/’ target=’_self’ color=” hover_color=” border_color=” hover_border_color=” background_color=” hover_background_color=” font_style=’normal’ font_weight=” text_align=’left’ margin=’0′][button size=’medium’ style=’white’ text=’Shop’ icon=” icon_color=” link=’https://florenceandalexander.com.au/shop’ target=’_self’ color=” hover_color=” border_color=” hover_border_color=” background_color=” hover_background_color=” font_style=’normal’ font_weight=” text_align=’center’ margin=’0′][button size=’medium’ style=’white’ text=’Blog’ icon=” icon_color=” link=’https://florenceandalexander.com.au/blog/’ target=’_self’ color=” hover_color=” border_color=” hover_border_color=” background_color=” hover_background_color=” font_style=’normal’ font_weight=” text_align=’center’ margin=’0′][button size=’medium’ style=” text=’Contact’ icon=” icon_color=” link=’https://florenceandalexander.com.au/contact-us/’ target=’_self’ color=” hover_color=” border_color=” hover_border_color=” background_color=” hover_background_color=” font_style=’normal’ font_weight=” text_align=’right’ margin=’0′]

    Thread Starter florenceandalexander

    (@florenceandalexander)

    Hi @sterndata

    Are you able to delete this thread?

    Thanks

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    When a post is made and people contribute answers to an issue, that then becomes part of the community resource for others to benefit from. Deleting posts removes this added value. Forum topics will only be edited or deleted if they represent a valid legal, security, or safety concern.

    Please see https://make.www.ads-software.com/support/handbook/forum-welcome/#deleting-editing-posts

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to align text under image’ is closed to new replies.